<template>
  <div class="app-container">
    医院设置添加
    <el-form label-width="120px">
      <el-form-item label="医院名称">
        <el-input v-model="hospitalSet.hosname" />
      </el-form-item>
      <el-form-item label="医院编号">
        <el-input v-model="hospitalSet.hoscode" />
      </el-form-item>
      <el-form-item label="api基础路径">
        <el-input v-model="hospitalSet.apiUrl" />
      </el-form-item>
      <el-form-item label="联系人姓名">
        <el-input v-model="hospitalSet.contactsName" />
      </el-form-item>
      <el-form-item label="联系人手机">
        <el-input v-model="hospitalSet.contactsPhone" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="saveOrUpdate">保存</el-button>
      </el-form-item>
    </el-form>
   </div>
</template>

<script>
//引入接口定义的js文件
import hospset from "@/api/hosp/hospitalSet" 

export default {
    //定义变量或者初始值
    data(){
      return {
        hospitalSet: {} //设置hospitalSet的值
      };
    },
    created(){//页面渲染之前调用
        //获取路由id值 this.$route.params.id
        if(this.$route.params && this.$route.params.id){
          const id=this.$route.params.id;
          console.log(id);
          //调用接口得到医院设置信息
          this.getHospitalSetInfo(id);
        }else{
          //没有id，则清空数据
          this.hospitalSet={};
        }
    },
    methods: {
      //得到医院的设置信息
      getHospitalSetInfo(id){
        hospset.getHospitalSetInfo(id)
        .then(response => {
          //调用成功返回信息，重新赋值
          this.hospitalSet = response.data;
        })
      },
      //保存医院的设置
      save(){
        hospset.saveHospitalSet(this.hospitalSet)
        .then(response =>{
          //提示信息
          this.$message({ 
          type: 'success',
          message: '添加成功!'
          });

          //跳转页面，使用路由跳转
          this.$router.push({path: "/hospital/list"})
        })
      },
      //修改医院的设置
      update(){
        hospset.updateHospitalSet(this.hospitalSet)
        .then(response =>{
          //提示信息
          this.$message({ 
          type: 'success',
          message: '修改成功!'
          });
          //跳转页面，使用路由跳转
          this.$router.push({path: "/hospital/list"})
        })
      },
      //添加医院设置
      saveOrUpdate(){
        //判断添加还是修改
        if(!this.hospitalSet.id){
          // 没有id，就是添加
          this.save();
        }else{
          //有id，做修改
          this.update();
        }
      }
    }
}
</script>